<template>
  <div class="crumb">
    <template v-for="(item,index) in navs" >
    <a href="" :key="index">{{item.name}}</a>
    <template v-if="index<navs.length-1">/</template>
    </template>
   
  </div>
</template>

<script>
export default {
    props:['navs']
}
</script>

<style lang ='less' scoped>
.crumb{
    line-height: 40px;
    a{
    text-decoration: none ;
    color: #000;
    padding: 10px;
    }
}
</style>